<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8"/>	
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--链接外部样式-->
		<link rel="stylesheet" type="text/css" href="a.css"/>
		<!--文档样式-->
		<style type="text/css">
			p{
				font-size: large;
				color: blue;
				background: #369;
			}
			font .html{
				font-size: 96px;
				color: royalblue;
				font-family: "华文行楷", "微软雅黑", "sans-serif";
				border-style: solid;
				border-color: #639;
				border-width: 1px;
				/*filter:light(color=#9966CC,strength=10);
				filter:alpha(color=#9966CC,strength=10);*/
				filter:glow(color=#9966CC,strength=10);
			}
		</style>
	</head>

	<body>
		<textarea rows="10" cols="80"></textarea>
		<select multiple="multiple" style="display: block;width: 100px;">
			<option value="1">选项1</option>
			<option value="2">选项2</option>
			<option value="3">选项3</option>
			<option value="4">选项4</option>
			<option value="5">选项5</option>
		</select>
		<font>
			<span class="html">kkkkkk</span>
		</font>
		<div class="container">
			<form action="#" method="post">
				<!--内联样式-->
				<p style="color: red;">
					<label>用户名：</label>
					<input type="text" id="usr" />
				</p>
				<p>
					<label>密码：</label>
					<input type="text" id="pwd" />
				</p>
				<p>
					<label>确认密码：</label>
					<input type="text" id="pwd1" />
				</p>
				<p>
					<input type="submit" value="注册" id="btn" />
				</p>
			</form>
		</div>
		<script type="text/javascript">
			/*function check () {
							var usr=document.getElementById("usr").value;
							if(usr==null||usr=="")
								return false;
						    else return true;
						}*/
			var reg = document.getElementById("btn");
			var usr = document.getElementById("usr");

			function checkUser() {
				alert("检查用户名");
			}
			usr.onblur = checkUser;
			reg.onclick = function() {
				checkUser();
			}
		</script>
	</body>

</html>